<!DOCTYPE html>
<head>
	<meta charset='utf-8' />
	<title>ideliver</title>
	<meta http-equiv='Access-Control-Allow-Origin' content='*' />
	<meta name="viewport" content="width=device-width,user-scalable=no" />
	<script type='text/javascript' src='js/jquery-2.1.3.min.js'></script>
	<script type='text/javascript' src='js/logic.js'></script>
	<script type='text/javascript'>
	var left = 9;
	var messageType = 'browseShops';
	var dataObj = new bridgeData(messageType);
	var data = JSON.stringify(dataObj);
	function timeReduce() {
		if(left == 0)
		{
			clearInterval(interval);
			$("#left").val(left);
			if(window.ideliver)
			{
				window.ideliver.messageFromJS(data);
			}
			else
			{
				log('JS send data',data);
				bridge.send(data, function(responseData) {
					log('JS got response', responseData);
				});
			}
		}
		$("#ret_2").val("浏览店铺" + left--);
	}
	$(document).ready(function() {
				$("#ret_1").val("  重  试  ");
				interval = setInterval(timeReduce, 1000);
			});
	</script>
</head>
<body>
	<div style="position:relative;">
		<img src="nonetback.png" style="width:100%; display:block;" />
		<div style="width:100%;position:absolute; top:40%;">
			<div style="width:26%; padding-left:37%;">
				<img  src="404.png" style="width:100%;" />
		        </div>
			<div style="width:100%; text-align:center; position:1.2em;color:#646464; padding-top:2em;">
				网页有问题，请稍后重试
			</div>
			<div style="width:90%;margin:0 auto; margin-top:7em;">
				<input type="button" id='ret_1' messageType='tryAgain' style="font-size: 1.2em; float:left; border: solid 1px #34b893; width:47%; padding:0.4em 0em;color:#34b893; border-radius:5px; background: #ffffff;"  value="重试"/>
				<input type="button" id='ret_2' messageType='browseShops' style="font-size: 1.2em; float:right; border: solid 1px #34b893; width:47%; padding:0.4em 0em;color:#34b893; border-radius:5px; background: #ffffff;"  value="浏览店铺"/>
				<input type="hidden" id='left' messageType='browseShops' />
			</div>
		</div>
	</div>
</body>
